<template>
	<view>
		<view style="padding-top: 100rpx; margin: 0 auto;">
			<view class="input-area">
				<text>输入值：</text>
				<input type="text" v-model="title" style="color: red; background-color:#b9ccb8;" />
			</view>
			<view class="input-area">
				<text>回传值：</text>
				<input type="text" v-model="backValue" style="color:blue; background-color:#b5a0ce;" />
			</view>
			<comAVue :intent="title"></comAVue>
			<comBVue @callBackFun="getComB"></comBVue>
		</view>
	</view>
</template>

<script>
	import comAVue from '../../components/comA.vue';
	import comBVue from '../../components/comB.vue';
	export default {
		components:{
			comAVue,comBVue
		},
		data() {
			return {
				title:"",
				backValue:""
			}
		},
		methods: {
			
			getComB(msg){
				console.log("IntentPage----getComB:"+msg);
				this.backValue = msg
			}
		}
	}
</script>

<style>
	.input-area{
		margin: 25rpx auto;
		display: flex;
		justify-content: center;
		flex-direction:row;
		
	}
</style>
